<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>
			<?php
			if (empty($title)) {
				echo 'Aplikasi Kasir dan Operasional Door-to-Door';
			} else {
				echo $title;
			}
			?>
		</title>
		
		<link rel="stylesheet" href="<?php echo CSS ?>demo_table_jui.css"/>
		<link rel="stylesheet" href="<?php echo CSS_JQUERY ?>jquery.ui.all.min.css"/>
		<!--<link rel="stylesheet" href="<?php echo CSS_JQUERY ?>jquery-ui-1.7.2.custom.css"/>-->
		<script type="text/javascript" src="<?php echo JQUERY ?>jquery.js"></script>
		<!--<script type="text/javascript" src="<?php echo JQUERY ?>jquery.datatables.js"></script>-->
		<script type="text/javascript" src="<?php echo JQUERY ?>jquery.validate.js"></script>
		<script type="text/javascript" src="<?php echo JQUERYUI ?>jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="<?php echo JQUERYUI ?>jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="<?php echo JQUERYUI ?>jquery.ui.datepicker.min.js"></script>
		<script type="text/javascript" src="<?php echo JQUERY ?>jquery.dataTables.min.js"></script>
		<script type="text/javascript">
			function confirm_message(){
                return confirm('Apakah anda ingin menghapus data ini?');
            }
		</script>


		<link rel="shortcut n" href="<?php echo IMAGES ?>logo.ico" type="images/x-n" />
		<link href="<?php echo IMAGES ?>favicon.ico" type="image/x-icon" rel="icon" />
		<link href="<?php echo IMAGES ?>favicon.ico" type="image/x-icon" rel="shortcut icon" />
		<style type="text/css">
			html { 	
				background: none repeat scroll 0% 0% #FFFFFF; 
				color: #444444;
				font-size: 13px; 
				font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
				padding: 0pt 15px;
			}
			body, table, fieldset {
				margin: 0pt;
			}
			@font-face {
				font-family: "Open Sans";
				font-style: normal;
				font-weight: 600;
				src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url('<?php echo IMAGES?>mtp_ysujh_bn48vbg8snsqrdozjipcynfooougcosrk.woff') format("woff");
			}
			@font-face {
				font-family: "Open Sans";
				font-style: normal;
				font-weight: 400;
				src: local("Open Sans"), local("OpenSans"), url('<?php echo IMAGES?>cjzkeoubrn4kerxqtauh3bo3ldcazywl9si6vvxl-qu.woff') format("woff");
			}
			@font-face {
				font-family: "Open Sans";
				font-style: normal;
				font-weight: 700;
				src: local("Open Sans Bold"), local("OpenSans-Bold"), url('<?php echo IMAGES?>k3k702zokiljc3wvjuplzkrdozjipcynfooougcosrk.woff') format("woff");
			}
			@font-face {
				font-family: "Open Sans";
				font-style: normal;
				font-weight: 300;
				src: local("Open Sans Light"), local("OpenSans-Light"), url('<?php echo IMAGES?>dxi1orhcpsqm3vp6mxoatardozjipcynfooougcosrk.woff') format("woff");
			}
			h1, h2, h3, h4 {
				font-weight: bold; 
				margin: 20px 0pt 10px;
			}
			h1 { 
				font-size: 21px; 
			}
			h1, h2, h3, h4, blockquote, q, .maia-nav ul, #maia-footer-global ul, .top-nav { 
				font-family: 'open sans',arial,sans-serif; 
			}
			h1, h2 { 
				float: left; font-size: 27px; 
				font-weight: 300; 
				line-height: 41px; 
				margin: 0pt; 
				text-shadow: 0pt 1px 1px #FFFFFF; 
				white-space: nowrap; 
			}
			h2 {
				border-style: solid; 
				border-color: #BABCC0; 
				border-width: 0pt 0pt 0pt 1px; 
				padding: 0pt 12px; 
			}
			h2 { 
				color: #91959C; 
				text-decoration: none; 
			}
			#maia-header, #maia-nav-x, #maia-footer, #top-head { 
				margin: 0pt -15px; 
			}
			.maia-aux { 
				margin: auto; 
				max-width: 978px; 
			}
			.gridcenter {
				width:1018px; margin: auto;padding-left:40px;
			}
			#maia-header { 
				background: -moz-linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% #F5F5F5; 
				background: -webkit-linear-gradient(top, #FAFAFA 0%, #F5F5F5 100%);
				border-bottom: 2px solid #E1E1E1; 
				color: #91959CS; 
				height: 50px; 
				padding: 17px 15px 5px; 
				min-width:1097px;	
			}
				
			#top-head {
				border-top:1px solid #999999;
				height:35px;
				background:#121212 url(<?php echo IMAGES?>data_head_bg.png) repeat-x;
				padding:0;
				text-align:left;
				min-width:1128px;
			}
			.head_divid{
				display:inline-block;
				float:left;
				width:2px;
				height:34px;
				margin:0 12px;
				background:transparent url(<?php echo IMAGES?>data_head_divid.png) no-repeat;
			}
			.welcome{
				float:right;
				margin-top:-5px;
				margin-right:5px;
			}
			.top-nav {
				float:left;
				line-height:34px;
				color:#cccccc;
				/*font-family:Arial, Helvetica, sans-serif;*/
				font-size: 13px;
				padding: 5px;
			}
			.top-nav a {
				color:#cccccc;
				text-decoration:none;
			}
			.top-nav a:hover {
				color:#C00;
				text-decoration:underline;
			}
			#maia-nav-x { 
				background: url(<?php echo IMAGES?>stripes.gif) #f5f5f5; 
				padding: 0pt 15px;
				min-width:1097px;
			}
			#maia-nav-x ul { 
				height: 50px; 
				list-style: none outside none; 
				margin: 0pt; 
				position: relative; 
			}
			#maia-nav-x.maia-complex ul { 
				height: 49px; 
			}
			#maia-nav-x ul ul { 
				background: none repeat scroll 0% 0% #FFFFFF; 
				border-bottom: 1px solid #ebebeb; 
				height: 32px ! important; 
				left: 0pt; 
				position: absolute; 
				top: 49px; 
				width: 100%; 
			}
			#maia-nav-x li, #maia-nav-x li a { 
				color: #3d3d3d;
				text-decoration:none; 
			}
			#maia-nav-x li a:hover { 
				color: #f56618;
				text-decoration:underline; 
			}
			#maia-nav-x li { 
				float: left; 
				font-size: 15px; 
				line-height: 20px; 
				margin: 0pt 30px 0pt 0pt; 
				padding: 13px 0pt 17px; 
				text-shadow:#fff 1px 1px;
			}
			#maia-nav-x li {
				font-weight: normal;
			}
			#maia-nav-x li:hover {
				font-weight: normal;
				color: #f56618;
				text-decoration:underline; 
			}
			#maia-nav-x li.active { 
				font-weight: bold; 
			}
			#maia-nav-x li.active:hover { 
				color: #3d3d3d;
				text-decoration:none;
				font-weight: bold; 
			}
			#maia-nav-x li:last-child { 
				margin: 0pt; 
			}
			* > #maia-nav-x li.active { 
				background: url(<?php echo IMAGES?>panah.png) no-repeat scroll center 40px transparent; 
			}
			#maia-nav-x li a, #maia-nav-x li.active li a { 
				font-weight: normal; 
			}
			#maia-nav-x li li { 
				font-size: 14px; padding: 5px 0pt 7px; text-shadow: none; 
			}
			#maia-nav-x li li.active a { 
				color: #444444; 
			}
			#maia-nav-x li li { 
				color: #f56618; 
			}
			#maia-nav-x li li a { 
				color: #b1b1b1; 
			}
			#maia-nav-x .maia-aux { 
				position: relative; 
			}
			#maia-signature { 
				clear: both; 
				margin: 50px auto 0pt; 
				max-width: 978px; 
				min-height: 4px; 
			}
			#maia-footer {
				background: -moz-linear-gradient(center top , #F5F5F5, #FFFFFF) repeat scroll 0% 0% #FFFFFF; 
				background: -webkit-linear-gradient(top, #F5F5F5 0%, #FFFFFF 100%); 
				clear: both; 
				color: #666666;
				min-width:1128px;
			}
			#maia-footer-global, #maia-footer-local { 
				padding: 10px 15px; 
			}
			#maia-footer-global { 
				border-top: 1px solid #ebebeb; 
				font-size: 11px; 
				line-height: 1.8; 
				list-style: none outside none; 
			}
			#maia-footer-global ul { 
				margin: 0pt; 
			}
			#maia-footer-global li { 
				display: inline; font-weight: bold; 
			}
			#maia-footer-global li a { 
				font-weight: normal;
				color:#414141;
				text-decoration:none;
				text-shadow:#fff 1px 1px; 
			}
			.cur_menu{
				color : #f56618 !important;
				font-weight: bolder !important;
			}
			.cur_menu:hover{
				text-decoration: none !important;
			}
			.clicked{
				cursor:pointer;
			}
			.clicked:hover{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div id="top-head">
			<h1><a href="#"><img alt="Trust & Care" src="<?php echo IMAGES ?>trustcare.png"></a></h1>
			<span class="head_divid"></span>
			<div class="welcome">
				<div class="top-nav">Selamat Datang <?php echo $this->session->userdata('nama') ?></div>
				<div class="top-nav"><img src="<?php echo IMAGES ?>separator.png" /></div>
				<div class="top-nav"><a href="#">Bantuan</a></div>
				<div class="top-nav"><img src="<?php echo IMAGES ?>separator.png" /></div>
				<div class="top-nav"><a href="<?php echo AUTH ?>">Logout</a></div>
			</div>
		</div>
		<div class="maia-header" id="maia-header">
			<div class="maia-aux">
				<h1><a href="http://www.cipaganti.co.id"><img alt="Cipaganti Travel" src="<?php echo IMAGES ?>logo2.png"></a></h1>
				<h2>Aplikasi Kasir Travel</h2>
			</div>
		</div>
		
		
		